iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 20
0
Modern Web

零經驗ASP .NET Core 30 DAY全紀錄系列 第 20

零經驗 .NET Core 30 DAY----- Day20 功能實作[座位管理系統-管理座位表3]

  • 分享至 

  • xImage
  •  

大家晚上好,能否為要連上10天班的我加個油呢/images/emoticon/emoticon02.gif今天的進度是可以更改座位表名稱和狀態,跟新增座位表成員和管理員,昨天本來就預計要到這個進度,在設計的時候把該有的功能都規畫好,卻忘記設計整個頁面的配置,今天才進入這個PART,那麼下面直接放上成果吧,沒有用到什麼新的東西,就不放筆記了。


今日實作成果
點選SET SEAT TABLE進入到管理座位表。
https://ithelp.ithome.com.tw/upload/images/20200926/201300300X6PBkXY8O.png
這個頁面設計的功能(今天把版面設置好,功能只做2跟新增管理者/成員權限)

  1. 新增/刪除座位
  2. 更改座位表名稱/是否對外開放
  3. 設定管理者/成員權限

https://ithelp.ithome.com.tw/upload/images/20200926/20130030B8cpzOjva6.png
更改座位表名稱。
https://ithelp.ithome.com.tw/upload/images/20200926/20130030V45oAPtTOm.png
如果座位表名稱已存在會出現。
https://ithelp.ithome.com.tw/upload/images/20200926/20130030uR01bUqTze.png
接下來把座位表狀態更改為private,只讓成員可以查看。
https://ithelp.ithome.com.tw/upload/images/20200926/201300305Pou2Js1Xr.png
成員會剩管理員自己,那可以從下面新增成員或管理員。
https://ithelp.ithome.com.tw/upload/images/20200926/20130030FDpEkhi1zF.png
原本看的到這張座位表的阿花就看不到此座位表了。
https://ithelp.ithome.com.tw/upload/images/20200926/2013003056kXk46HNW.png
把阿花加到此座位表的成員。
https://ithelp.ithome.com.tw/upload/images/20200926/20130030nWUIipsOPf.png

https://ithelp.ithome.com.tw/upload/images/20200926/20130030qOPedxwwaO.png
他就又可以看到這張座位表囉。
https://ithelp.ithome.com.tw/upload/images/20200926/20130030JSt0GCLsqh.png
下面是我們把毛毛加入管理者群組後的畫面。
https://ithelp.ithome.com.tw/upload/images/20200926/20130030PINU7zxeWN.png
這樣毛毛也可以在管理頁面中看到此表。
https://ithelp.ithome.com.tw/upload/images/20200926/20130030s10SARyfxr.png


DAY20心得:
越做越覺得,難怪以前常聽到,好的事前規劃是很重要的事情,不然邊做邊改真的很浪費時間,這次是自己第一次碰c#也是第一次碰.net core,就當作練習吧。


上一篇
零經驗 .NET Core 30 DAY----- Day19 簡單的 DELETE RECORD
下一篇
零經驗 .NET Core 30 DAY----- Day21 string[]和ArrayList()介紹,一個刪除陣列中指定的元素方法
系列文
零經驗ASP .NET Core 30 DAY全紀錄30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言